﻿ 
        <!DOCTYPE html>

 
        <html>
    <head>
        
    <title>Title with &lt;&gt; HTML entities</title>

            
<meta name="X-UA-Compatible" content="IE=edge,chrome=1" /><link rel="canonical" href="/authorized-html-example/" /><meta name="test-metadata" content="hello world!" />
           
    <style type="text/css">
        .bcms-clearfix:after {
            content: "";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }
    </style>
    <link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css' async />
    <link rel="stylesheet" type="text/css" href="/file/bcms-blog/content/styles/bcms.blog.css" />
    <link rel="stylesheet" type="text/css" href="/file/bcms-pages/content/styles/bcms.page.css" />
    <link rel="stylesheet" type="text/css" href="/file/bcms-pages/content/styles/bcms.navigation.css" />
    <link rel="stylesheet" type="text/css" href="/file/bcms-users/content/styles/bcms.users.css" />
    <link rel="stylesheet" type="text/css" href="/file/bcms-media/content/styles/bcms.media.css" />
    <link rel="stylesheet" type="text/css" href="/file/bcms-root/content/styles/bcms.root.css" />
    <link rel="stylesheet" type="text/css" href="/file/bcms-root/content/styles/bcms.messages.css" />

        
    

        <script type="text/javascript">
            function loadBetterCmsScriptAsync(url, callback) {
                var head = document.getElementsByTagName("head")[0];
                var scriptTag = document.createElement("script");
                scriptTag.type = 'text/javascript';
                scriptTag.src = url;
                scriptTag.async = true;

                // Attach handlers for all browsers
                var done = false;
                scriptTag.onload = scriptTag.onreadystatechange = function () {
                    if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
                        done = true;
                        try {
                            if (callback) {
                                callback();
                            }
                        } finally {
                            scriptTag.onload = scriptTag.onreadystatechange = null;
                            head.removeChild(scriptTag);
                        }
                    }
                };

                head.appendChild(scriptTag);
            }

            (function () {
                loadBetterCmsScriptAsync('/file/bcms-root/scripts/bcms.require-2.1.5.js', function () {
                    loadBetterCmsScriptAsync('/file/bcms-root/Scripts/bcms.main.js');
                });
            })();
        </script>
        <!--[if lt IE 9]>
            <script src="/file/bcms-root/scripts/html5shiv.js"></script>
        <![endif]-->

        
        
        
    
        <link rel="stylesheet" type="text/css" href="/file/bcms-installation/content/styles/bcms.installation.css" />




        
    
    


    </head>
 
        <body  data-page-id="52fd0813-17eb-4a3a-8fe5-a2b900b34466">
        



<div class="bcms-msg-message-page" id="bcms-browser-info" style="display: none;">
    <div class="bcms-msg-message-block">
        <div class="bcms-msg-message-top">Sorry, looks like you are using an outdated version of <span>Internet Explorer</span></div>
        <div class="bcms-msg-message-lower">
            <div class="bcms-msg-lower-upper">To get better browsing experience and enhanced security</div>
            please <span>upgrade</span> your browser<span class="bcms-msg-message-upgrade"></span>
            <div class="bcms-msg-lower-lower">to one of the following modern browsers:</div>
        </div>
        <div class="bcms-msg-choose-browser">
            <a href="https://www.google.com/intl/en/chrome/browser/" target="_blank" class="bcms-msg-download-chrome">Chrome  </a>
            <a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank" class="bcms-msg-download-ff">Mozilla Firefox</a>
            <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" target="_blank" class="bcms-msg-download-ie">Internet Explorer</a>
        </div>
        <a class='bcms-msg-message-close' title="Close Message">Close Message</a>
    </div>
</div>

<noscript>
    <div class="bcms-msg-top-page">
        <div class="bcms-msg-top-holder">
            <div class="bcms-msg-top-block">Sorry, looks like <b>JavaScript is disabled</b> in your browser. For full web experience</div>
            <div class="bcms-msg-top-block">JavaScript must be enabled</div>
            <div class="bcms-msg-js"></div>
        </div>
    </div>
</noscript>





            <div class="page">

<header class="page-header">
        <div class="page-frame clearfix">
            <div>
                
                <form action="/search-results/" class="bcms-search-input-form" method="GET">
        
        <input Name="Query" class="bcms-search-input required" data-val="true" data-val-length="Search query is too long. Maximum allowed search query length is 1000 symbols." data-val-length-max="1000" id="Query" maxlength="1000" name="Query" placeholder="Enter search query ..." type="text" value="" />
        <span class="field-validation-valid" data-valmsg-for="Query" data-valmsg-replace="true"></span>
        <button type="submit" class="bcms-search-submit">GET</button>    
    </form>

<div class="bcms-clearfix custom-clearfix"></div>
<h1>authorized-html-example</h1>

            </div>
        </div>
    </header>

    <div class="page-block">
        <div class="page-frame clearfix">
            <div><div><div class="bcms-region-start" data-id="8db60978-8c97-431c-8751-a2b900b41728"></div>
<div class="bcms-content-start" data-page-content-id="1a61be73-966a-4a50-bf14-a2b900b432bf" data-content-id="db3451e5-de01-42c6-bddb-a2b900b432be" data-page-content-version="1" data-content-version="1" data-content-type="html-content" data-content-title="main" ></div>
                     Test page HTML content. &nbsp;&nbsp;&nbsp;&nbsp; &quot;
                <div class="bcms-content-end bcms-clearfix custom-clearfix" data-hide="false"></div>
<div class="bcms-region-end"></div>
</div><div class="bcms-clearfix custom-clearfix"></div>
</div><div class="bcms-clearfix custom-clearfix"></div>

            



        </div>
    </div>

</div>

<footer class="page-footer">
    <div class="page-frame clearfix">
        
    </div>
</footer>



    <div class="bcms-layout-path" style="display:none">
        <div class="bcms-path-arrow-left bcms-path-arrow-inactive"></div>
        <div class="bcms-path-arrow-right"></div>
        <div class="bcms-layout-path-inner">
                    <div class="bcms-layout-path-item" data-url="/master/">Master</div>
        <div class="bcms-layout-path-item" data-url="/master/child-master/">Child master</div>
	
        </div>
        <div class="bcms-layout-path-handle">
            Hide Path
        </div>
    </div>







        
    

        
<script type="text/html" id="bcms-region-overlay-template">
    <div class="bcms-region-overlay bcms-layer">
        <div class="bcms-region-overlay-inner">
            <div class="bcms-hidden-overlay-bg"></div>
                <div class="bcms-region-actions">
                    <div class="bcms-region-button bcms-region-sortdone" style="display: none;"></div>
                    <div class="bcms-region-button bcms-region-addcontent"></div>
                    <div class="bcms-region-button bcms-region-sortcontent"></div>
                </div>
                <div class="bcms-sorting-block"></div>
        </div>
    </div>
</script>
<script type="text/html" id="bcms-content-overlay">
    <div class="bcms-content-overlay bcms-layer">
        <div class="bcms-content-actions">
            <div class="bcms-content-button bcms-content-history">
                <div class="bcms-content-icon"></div>
            </div>
            <div class="bcms-content-button bcms-content-edit">
                <div class="bcms-content-icon"></div>
            </div>
            <div class="bcms-content-button bcms-content-configure">
                <div class="bcms-content-icon"></div>
            </div>
                <div class="bcms-content-button bcms-content-delete">
                    <div class="bcms-content-icon"></div>
                </div>
        </div>
    </div>
</script>

<div id="bcms-sidemenu" class="bcms-sidemenu bcms-layer" style="display: none">
    <div id="bcms-sidemenu-handle">
    <div title="Open/Close CMS sidebar" id="bcms-sidemenu-hide">
        <div class="bcms-sidemenu-openclosearrow">Hide</div>
    </div>
    <div class="bcms-sidemenu-status">
        <div title="Turn CMS edit mode ON or OFF" id="bcms-sidemenu-switch">&nbsp;</div>
                <div class="bcms-sidemenu-separator">&nbsp;</div>
<div id="bcms-sidemenu-pubstatus" class="bcms-sidemenu-pubstatus bcms-pubstatus-warn" title="Page is not published!" data-bcms-order="10"></div>                <div class="bcms-sidemenu-separator">&nbsp;</div>
<div id="bcms-sidemenu-seostatus" class="bcms-sidemenu-seostatus bcms-seostatus-warn" title="SEO information missing!" data-bcms-order="20"></div>    </div>
    <div title="Drag to adjust sidebar position" id="bcms-sidemenu-draghandle">&nbsp;</div>
</div>
    <div class="bcms-sidemenu-header">
<div class="bcms-sidemenu-credentials">
    <div>Logged in as:</div>
        <div class="bcms-sidemenu-username"><a href="#" data-url="/bcms-users/UserProfile/EditProfile">admin</a></div>
</div><div class="bcms-logout-btn bcms-onclick-action" data-bcms-order="10" data-bcms-module="bcms.authentication" data-bcms-action="logout">Log Out</div></div>
    <div class="bcms-sidemenu-body">
<select class="bcms-sidemenu-select bcms-onchange-action" data-bcms-order="10" data-bcms-module="bcms.pages" data-bcms-action="changePublishStatus"><option value="publish">Publish</option><option value="unpublished" selected="selected">Unpublished</option></select><div class="bcms-sidemenu-btn bcms-onclick-action" data-bcms-order="20" data-bcms-module="bcms.pages.properties" data-bcms-action="editPageProperties">Edit page properties</div><div class="bcms-sidemenu-btn bcms-btn-warn bcms-onclick-action" data-bcms-order="30" data-bcms-module="bcms.pages.seo" data-bcms-action="openEditSeoDialog">Edit SEO</div><hr class="bcms-sidebar-separator" data-bcms-order="40" /><div class="bcms-buttons-block" data-bcms-order="50"><div class="bcms-sidemenu-btn bcms-btn-add bcms-onclick-action" data-bcms-order="10" data-bcms-module="bcms.pages" data-bcms-action="addNewPage">New page</div><div class="bcms-sidemenu-btn bcms-btn-clone bcms-onclick-action" data-bcms-order="20" data-bcms-module="bcms.pages" data-bcms-action="clonePage">Clone page</div></div><div class="bcms-sidemenu-btn bcms-btn-blog-add bcms-onclick-action" data-bcms-order="200" data-bcms-module="bcms.blog" data-bcms-action="postNewArticle">Post new article</div><div class="bcms-sidemenu-btn bcms-btn-settings bcms-onclick-action" data-bcms-order="500" data-bcms-module="bcms.siteSettings" data-bcms-action="openSiteSettings">Site settings</div><div class="bcms-sidemenu-btn bcms-onclick-action" data-bcms-order="600" data-bcms-module="bcms.pages" data-bcms-action="translatePage">Translate page</div><div class="bcms-sidemenu-btn bcms-btn-delete bcms-onclick-action" data-bcms-order="900" data-bcms-module="bcms.pages" data-bcms-action="deleteCurrentPage">Delete this page</div>
</div>
    <div class="bcms-sidemenu-footer">
    <span class="bcms-version-number">1.5.0-dev</span>
    <div title="Move sidebar to the other side" id="bcms-sidemenu-position-handle" class="bcms-sidemenu-position-handle">
        <span class="bcms-sidemenu-stick-text">stick to the right</span>
    </div>
</div>
</div>

<script type="text/html" id="bcms-modal-template">
    <div class="bcms-modal bcms-layer" spellcheck="true">
        <div class="bcms-modal-body">
            <div class="bcms-modal-header">
                <div class="bcms-modal-title">Loading...</div>
                <div class="bcms-modal-close"> </div>
            </div>
            <div class="bcms-modal-content">
                <div class="bcms-loader"></div>
                <div class="bcms-modal-content-padded" data-bind="stopBinding: true"></div>
            </div>
            <div class="bcms-modal-footer">
                <div class="bcms-modal-footer-buttons" style="float: left" data-bind="foreach: buttons">
                    <div data-bind="text: title, css: css, click: click, visible: !disabled()"></div>
                </div>
                <div class="bcms-modal-cmslogo"></div>
            </div>
        </div>
    </div>
</script>
<script type="text/html" id="bcms-modal-alert-template">
    <div class="bcms-modal">    
        <div class="bcms-error-frame" tabindex="-1">
            <a class="bcms-error-close">Close</a>
            <h4>Attention!</h4>
            <p></p>
        </div>        
    </div>
</script>
<script type="text/html" id="bcms-modal-confirm-template">
    <div class="bcms-modal">  
        <div class="bcms-popinfo-frame" tabindex="-1">
            <a class="bcms-btn-close">Close</a>
            <h4>Attention!</h4>
            <p></p>
            <div class="bcms-success-buttons-holder" data-bind="foreach: buttons">
               <!-- ko if: disabled() === false -->
                    <div data-bind="text: title, css: css, click: click, visible: !disabled()"></div>
               <!-- /ko -->
            </div>
        </div>
    </div>
</script>
<script type="text/html" id="bcms-modal-info-template">
    <div class="bcms-modal">  
        <div class="bcms-popinfo-frame" tabindex="-1">
            <a class="bcms-btn-close">Close</a>
            <h4>Information</h4>
            <p></p>
            <div class="bcms-success-buttons-holder" data-bind="foreach: buttons">
                <!-- ko if: disabled() === false -->
                    <div data-bind="text: title, css: css, click: click, visible: !disabled()"></div>
                <!-- /ko -->            
            </div>
        </div>
    </div>
</script>
<script type="text/html" id="bcms-tooltip-template">
    <div class="bcms-tooltip-holder" style="display: none; position: absolute;">
        <div class="bcms-tooltip-box">
            <p></p>
        </div>
    </div>
</script>
<script type="text/html" id="bcms-image-preview-template">
    <div class="bcms-modal">
        <div class="bcms-preview-image-border" tabindex="-1">
            <a class="bcms-btn-close">Close</a>
            <div class="bcms-preview-image-frame">
                <img alt="" src="" style="display: none;" />
                <div class="bcms-loader"></div>
            </div>
            <div class="bcms-grid-image-holder" style="display: none;"> </div>
        </div>
    </div>
</script>
<script type="text/html" id="bcms-site-setting-tab-template">
    <div class="bcms-inner-tab-header">
        <!-- ko foreach: tabs -->
        <a class="bcms-tab-item" data-bind="
            text: title, 
            attr: {'data-name': href}, 
            click: tabClick, clickBubble: true"></a>
        <!-- /ko -->
    </div>
    <!-- ko foreach: tabs -->
    <div class="bcms-tab-single" data-bind="attr: {id: tabId}, stopBinding: true">
        
        <div></div>
    </div>
    <!-- /ko -->
</script>

    </body>
</html>